<!DOCTYPE html>
<html>
  <head>
    <title>成都市龙泉驿区北泉路社区社区医院医生管理系统</title>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <link
      rel="stylesheet"
      href="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/css/bootstrap.min.css"
    />
    <link rel="stylesheet" href="../font-awesome/css/font-awesome.css" />
    <script src="https://cdn.staticfile.org/jquery/3.2.1/jquery.min.js"></script>
    <script src="https://cdn.staticfile.org/popper.js/1.15.0/umd/popper.min.js"></script>
    <script src="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
    <link rel="stylesheet" href="../css/common.css" />
  </head>
  <body>
    <div class="container-fluid height100">
      <div class="header row bg-dark d-flex align-content-center">
        <div class="col-sm-2 text-white">，欢迎您。</div>
        <div class="col-sm-7 header-center text-center">
          <span class="text-success font-weight-bold">
            成都市龙泉驿区北泉路社区社区医院家庭医生签约服务平台
          </span>
        </div>
        <div class="col-sm-3 text-white text-right">
          <span>账户设置</span>
          <span>退出系统</span>
        </div>
      </div>
      <!-- #BUG:滚动条变化，下拉错误 -->
      <div class="content row">
        <!-- #NOTE: 侧边导航栏 -->
        <div class="left-nav col-lg-2 bg-dark">
          <div class="accordion" id="accordionExample">
            <div class="card">
              <div class="card-header" id="heading1">
                <h2 class="mb-0">
                  <button
                    class="btn btn-link btn-block text-left"
                    type="button"
                    data-toggle="collapse"
                    data-target="#collapse1"
                    aria-expanded="true"
                    aria-controls="collapse1"
                  >
                    工作台
                  </button>
                </h2>
              </div>
            </div>
            <div class="card">
              <div class="card-header" id="heading2">
                <h2 class="mb-0">
                  <button
                    class="btn btn-link btn-block text-left collapsed"
                    type="button"
                    data-toggle="collapse"
                    data-target="#collapse2"
                    aria-expanded="false"
                    aria-controls="collapse2"
                  >
                    权限管理
                  </button>
                </h2>
              </div>
              <div
                id="collapse2"
                class="collapse"
                aria-labelledby="heading2"
                data-parent="#accordionExample"
              >
                <div class="card-body">权限管理</div>
                <div class="card-body">角色管理</div>
                <div class="card-body">用户管理</div>
              </div>
            </div>
            <div class="card">
              <div class="card-header" id="heading3">
                <h2 class="mb-0">
                  <button
                    class="btn btn-link btn-block text-left collapsed"
                    type="button"
                    data-toggle="collapse"
                    data-target="#collapse3"
                    aria-expanded="false"
                    aria-controls="collapse3"
                  >
                    医生团队管理
                  </button>
                </h2>
              </div>
              <div
                id="collapse3"
                class="collapse"
                aria-labelledby="heading3"
                data-parent="#accordionExample"
              >
                <div class="card-body">家庭医生团队管理</div>
                <div class="card-body">家庭医生管理</div>
                <div class="card-body">医生职称管理</div>
              </div>
            </div>
            <div class="card">
              <div class="card-header" id="heading4">
                <h2 class="mb-0">
                  <button
                    class="btn btn-link btn-block text-left collapsed"
                    type="button"
                    data-toggle="collapse"
                    data-target="#collapse4"
                    aria-expanded="false"
                    aria-controls="collapse4"
                  >
                    签约管理
                  </button>
                </h2>
              </div>
              <div
                id="collapse4"
                class="collapse"
                aria-labelledby="heading4"
                data-parent="#accordionExample"
              >
                <div class="card-body">健康服务包管理</div>
                <div class="card-body">居民类别管理</div>
                <div class="card-body">签约居民列表</div>
              </div>
            </div>
            <div class="card">
              <div class="card-header" id="heading5">
                <h2 class="mb-0">
                  <button
                    class="btn btn-link btn-block text-left collapsed"
                    type="button"
                    data-toggle="collapse"
                    data-target="#collapse5"
                    aria-expanded="false"
                    aria-controls="collapse5"
                  >
                    统计分析
                  </button>
                </h2>
              </div>
              <div
                id="collapse5"
                class="collapse"
                aria-labelledby="heading5"
                data-parent="#accordionExample"
              >
                <div class="card-body">统计表</div>
                <div class="card-body">统计图</div>
              </div>
            </div>
          </div>
        </div>
        <!-- #NOTE: 右侧内容区 -->
        <div class="content-box col-lg-10">
          <div class="row">
            <div class="col px-0">
              <nav aria-label="breadcrumb width100">
                <ol class="breadcrumb">
                  <li class="breadcrumb-item">
                    <a href="#" class="text-success">权限管理</a>
                  </li>
                  <li class="breadcrumb-item active" aria-current="page">
                    权限列表
                  </li>
                </ol>
              </nav>
            </div>
          </div>
          <div class="row">
            <div class="col">
              <h5 class="title-border border-bottom pb-2 pl-2 mb-3">
                权限列表
              </h5>
            </div>
          </div>
          <div class="row bg-light py-3">
            <div class="col">
              <form class="form-inline d-flex">
                <button type="button" class="btn btn-primary mr-2 btn-success">
                  <i class="fa-solid fa-circle-plus"></i>添加权限
                </button>
                <input
                  type="search"
                  class="form-control mr-2"
                  id="search"
                  placeholder="请输入权限名称"
                />
                <button type="button" class="btn btn-primary mr-2">查询</button>
              </form>
            </div>
            <div class="col text-right">
              <button type="button" class="btn btn-primary mr-2 btn-warning">
                刷新
              </button>
            </div>
          </div>
          <!-- NOTE: 表格内容 -->
          <div class="row bg-light mt-3 pt-3">
            <div class="col">
              <table class="table table-bordered">
                <thead class="thead-light text-center">
                  <tr>
                    <th scope="col"><input type="checkbox" /></th>
                    <th scope="col">权限名称</th>
                    <th scope="col">权限描述</th>
                    <th scope="col">操作</th>
                  </tr>
                </thead>
                <tbody id="accessList">
                  <!--  <tr>
                          <th scope="row">1</th>
                          <td>Mark</td>
                          <td>Otto</td>
                          <td>@mdo</td>
                        </tr>
                        <tr>
                          <th scope="row">2</th>
                          <td>Jacob</td>
                          <td>Thornton</td>
                          <td>@fat</td>
                        </tr>
                        <tr>
                          <th scope="row">3</th>
                          <td>Larry</td>
                          <td>the Bird</td>
                          <td>@twitter</td>
                        </tr> -->
                </tbody>
              </table>
            </div>
          </div>
          <div class="row"></div>
        </div>
      </div>
    </div>
    <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.js"></script>
    <script src="../js/access.js"></script>
  </body>
</html>
